<template>
    <span class="keyword" v-bind="$attrs">
        <slot />
    </span>
</template>

<script lang="ts" setup>
import { defineProps } from 'vue';
defineProps({
    height: {
        type: String,
        default: '20%',
    },
});
</script>
<style lang="less" scoped>
.keyword {
    position: relative;
    &::after {
        content: '';
        position: absolute;
        bottom: 0.1rem;
        left: -0.1rem;
        right: -0.1rem;
        height: v-bind(height);
        background: #38c83a66;
        border-radius: 3px;
    }
}
</style>
